<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>TeamWacth</title>
    <script src="../../resources/jquery-3.6.0.min.js"></script>
    <script type="module" src="settingSort.min.js"></script>
    <link rel="stylesheet" href="settingSort.min.css" />
  </head>
  <body>
    <a href="./index.html">返回</a>
    <div id="sort">
      <ul>
        <li>
          <span class="up" style="visibility: hidden">&#9650;</span>
          <article></article>
          <span class="down">&#9660;</span>
        </li>
        <li>
          <span class="up">&#9650;</span>
          <article></article>
          <span class="down">&#9660;</span>
        </li>
        <li>
          <span class="up">&#9650;</span>
          <article></article>
          <span class="down">&#9660;</span>
        </li>
        <li>
          <span class="up">&#9650;</span>
          <article></article>
          <span class="down">&#9660;</span>
        </li>
        <li>
          <span class="up">&#9650;</span>
          <article></article>
          <span class="down">&#9660;</span>
        </li>
        <li>
          <span class="up">&#9650;</span>
          <article></article>
          <span class="down">&#9660;</span>
        </li>
        <li>
          <span class="up">&#9650;</span>
          <article></article>
          <span class="down">&#9660;</span>
        </li>
        <li>
          <span class="up">&#9650;</span>
          <article></article>
          <span class="down">&#9660;</span>
        </li>
        <li>
          <span class="up">&#9650;</span>
          <article></article>
          <span class="down">&#9660;</span>
        </li>
        <li>
          <span class="up">&#9650;</span>
          <article></article>
          <span class="down">&#9660;</span>
        </li>
        <li>
          <span class="up">&#9650;</span>
          <article></article>
          <span class="down">&#9660;</span>
        </li>
        <li>
          <span class="up">&#9650;</span>
          <article></article>
          <span class="down">&#9660;</span>
        </li>
        <li>
          <span class="up">&#9650;</span>
          <article></article>
          <span class="down">&#9660;</span>
        </li>
        <li>
          <span class="up">&#9650;</span>
          <article></article>
          <span class="down">&#9660;</span>
        </li>
        <li>
          <span class="up">&#9650;</span>
          <article></article>
          <span class="down">&#9660;</span>
        </li>
        <li>
          <span class="up">&#9650;</span>
          <article></article>
          <span class="down">&#9660;</span>
        </li>
        <li>
          <span class="up">&#9650;</span>
          <article></article>
          <span class="down">&#9660;</span>
        </li>
        <li>
          <span class="up">&#9650;</span>
          <article></article>
          <span class="down" style="visibility: hidden">&#9660;</span>
        </li>
      </ul>
      <button id="save" style="font-weight: bold; color: green">保存</button>
      <button id="default" style="margin-left: 18px; color: gray">默认</button>
      <div id="readme">若显示不全请拉大悬浮窗尺寸</div>
    </div>
  </body>
</html>
